<%-- 
    Document   : asignarImplementosGuardia
    Created on : 17/11/2010, 10:58:26 AM
    Author     : yngrdyn
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file='../Templates/security.jsp' %>

<script type="text/javascript">
    var ci="";
    var fechaDesde = "";
    var fechaHasta = "";
    var fechaAsist = "";
    var sede = "";

    var idImpl = "";
    var tipoImpl = "";
    var subtipoImpl = "";

    var hashNombre = new Object();
    var hashApellido = new Object();

    function listarCIPersonal(){
        hashNombre = new Object();
        hashApellido = new Object();
        document.getElementById("nombre_persona").value = '';
        document.getElementById("apellido_persona").value = '';
        $.getJSON("listarCIAsist.do",{fechaAsist:fechaAsist,sede:sede},
            function(data){
            $('#ciAsist').empty();
            var string = "<option value=' '>  </option>";
            $('#ciAsist').append(string);
            var cont = 0;
            $.each(data.CIAsistencia, function(i,item){
                hashNombre[item.ci] = item.nombre;
                hashApellido[item.ci] = item.apellido;
                var string = "<option value='"+item.ci+"'>"+item.ci+"</option>";
                cont = cont +1;
                $('#ciAsist').append(string);
            });
            if (cont == 0){
                setError("Lista de personal de vigilancia vac&iacute;a.");
            } else
                setError("");
        });
    }

    function datosPersonal(){
        document.getElementById("nombre_persona").value = hashNombre[ci];
        document.getElementById("apellido_persona").value = hashApellido[ci];

    }

    function listaEspacios(espacio,nombreSede){
    $('#Espacio').empty();
        var string = "<option value='"+espacio+"'>"+espacio+"</option>";
        $('#Espacio').append(string);
        $.getJSON("nombreEspacios.do",{sede:nombreSede},function(data){
            var cont = 0;
            $.each(data.NombreEspacios,function(i,item){
                string = "<option value='"+item.nombre+
                    "'>"+item.nombre+"</option>";
                cont = cont +1;
                $('#Espacio').append(string)
            });
            if (cont == 0){
                setError("Lista de espacios vac&iacute;a.");
            } else
                setError("");
        });

    }

    function listaTiposImplem(){
        $('#TiposImpl').empty();        
        var string = "<option value=' '>  </option>";
        $('#TiposImpl').append(string);
        $.getJSON("listaTiposImplem.do",function(data){
            var cont = 0;
            $.each(data.TiposImplem,function(i,item){
                string = "<option value='"+item.nombre+
                    "'>"+item.nombre+"</option>";
                cont = cont +1;
                $('#TiposImpl').append(string)
            });
            if (cont == 0){
                setError("Lista de tipos de implementos vac&iacute;a.");
            } else
                setError("");
        });
    }

    function listaSubtiposImplem(){
        $('#SubtiposImpl').empty();
        var string = "<option value=' '>  </option>";
        $('#SubtiposImpl').append(string);
        $.getJSON("listaSubtiposImplem.do",{tipoImplem:tipoImpl},function(data){
            var cont = 0;
            $.each(data.SubtiposImplem,function(i,item){
                string = "<option value='"+item.subtipo+
                    "'>"+item.subtipo+"</option>";
                cont = cont +1;
                $('#SubtiposImpl').append(string)
            });
            if (cont == 0){
                setError("Lista de subtipos de implementos vac&iacute;a.");
            } else
                setError("");
        });
    }

    function detallesImplementos(){
        idImpl = null;
        $.getJSON("detallesImplementos.do",{tipoImplem:tipoImpl,
            subtipoImplem:subtipoImpl},
            function(data){
            $('#detallesImpl').empty();
            var cont = 0;
            $.each(data.DetallesImplem, function(i,item){
                
                var id = item.id_implemento;
                var string = "<tr><td>"+id+"</td>"+
                    "<td>"+item.marca+"</td>"+
                    "<td>"+item.status+"</td>"+
                    "<td>"+item.duracion_real+"</td>"+
                    "<td>"+item.caracteristicas_adicionales+"</td>"+
                    "<td>"+item.frecuencia_de_uso+"</td>"+
                    "<td>"+agregarRadioButton(id)+"</td></tr>";
                cont = cont +1;
                $('#detallesImpl').append(string);
            });
            if (cont == 0){
                setError("Lista de implementos vac&iacute;a.");
            } else
                setError("");
        });
    }
    

    function setFechaAsist(fechaA){
        fechaAsist = fechaA;
    }

    function setCi(ciE){
        ci = ciE;
    }

    function setSede(sedeU){
        sede = sedeU;
    }

    function setIdImpl(idImplI){
        idImpl = idImplI;
    }

    function setTipoImpl(tipoI){
        tipoImpl = tipoI;
    }

    function setSubtipoImpl(subtipoI){
        subtipoImpl = subtipoI;
    }

    function agregarRadioButton(id){
        var string = "<input type='radio' name='id_implemento' value='"+id+"' "+
            "onclick='setIdImpl(value);habilitarForm()'>";
        return string;
    }

    function habilitarForm(){
        if (ci != null && ci != "" && idImpl != null && idImpl != ""){
            document.getElementById("Prueba").disabled = false;
        } else
            deshabilitarForm();
    }

    function deshabilitarForm(){
        document.getElementById("Prueba").disabled = true;
    }

    function limpiarTabla(){
        idImpl = null;
        $('#detallesImpl').empty();
        $('#detallesImpl').append("");
    }

    $(function(){
        $('#fecha').datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
        listaSedes();
    });
    function abreVentana(){
        ventAux = window.open("Modulo4/registrarAsistenciaAux1.jsp","Registrar Asistencia", "width=120,height=300")
    }

    function setError(mensaje){

        document.getElementById("errorReporteAsist").innerHTML =
            "<font color = red >"+mensaje+"</font>";
    }

    listaTiposImplem();


</script>

<h1 class="title">Asignar Implementos de Guardia</h1>

    <hr>

<p class="meta"></p>
        <div class="entry">
        <center>
         <html:form action="/asignarImpl" styleId="asignarImplementoGuardiaForm"
                    onsubmit="return sendForm('asignarImplementoGuardiaForm', 'asignarImpl','center');">
        <table cellspacing="5">
            <%--<tr>
               <td colspan="2">
                    <bean:write name="modificarAsistenciaForm" property="error" filter="false" />
                    &nbsp;
                </td>
            </tr>--%>

            <tr>
                <td>Fecha de la guardia (dd/mm/aaaa):</td>
                <td><%--<html:text property="fechaG" styleId="fecha" onchange="setFechaAsist(value)"/>--%>
                    <input type="text" name="fechaG" id="fecha"
                           onchange="setFechaAsist(value);deshabilitarForm()" value=""/>
                </td>
            </tr>
            <tr>
                <td>Sede:</td>
                <td>
                    <select id="Sedes" name="sede" onchange="setSede(value);
                        listarCIPersonal();deshabilitarForm()">
                        <option value="" selected> </option>

                    </select>
                </td>
            </tr>
            <tr>
                <td>C&eacute;dula del empleado:</td>
                <td>
                    <select id="ciAsist" name="ci" onchange="setCi(value);
                        datosPersonal();habilitarForm()">
                        <option value="" selected/>
                    </select>
                </td>
            </tr>

            <tr>
                <td>Nombre:</td>
                <td><%--<html:text property="fechaG" styleId="fecha" onchange="setFechaAsist(value)"/>--%>
                    <input type="text" name="nombre" id="nombre_persona" disabled/>
                </td>
            </tr>
            <tr>
                <td>Apellido:</td>
                <td><%--<html:text property="fechaG" styleId="fecha" onchange="setFechaAsist(value)"/>--%>
                    <input type="text" name="apellido" id="apellido_persona" disabled/>
                </td>
            </tr>

           <tr>
                <td>Tipo de implemento:</td>
                <td>
                    <select id="TiposImpl" name="tipoImpl" onchange="setTipoImpl(value);
                        listaSubtiposImplem();deshabilitarForm();limpiarTabla()">
                        <option value="" selected/>
                    </select>
                </td>
           </tr>
           <tr>
                <td>Subtipo de implemento:</td>
                <td>
                    <select id="SubtiposImpl" name="subtipoImpl"
                            onchange="setSubtipoImpl(value);
                                detallesImplementos();deshabilitarForm()">
                        <option value="" selected/>
                    </select>
                </td>
           </tr>
           <tr>
               <td colspan="2" >
                   <html:errors property="implem_asignado"/>
                   <html:errors property="error_asignar_impl"/>
               </td>
           </tr>

        </table>
            <br>
            <p id="errorReporteAsist" ></p>
            <br>
        <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable"  >
                <thead>
                    <tr>
                        <th>Id</th>
                        <th>Marca</th>
                        <th>Status</th>
                        <th>Duración Real</th>
                        <th>Características Adicionales</th>
                        <th>Frecuencia de Uso</th>
                    </tr>
                </thead>
                <tbody id="detallesImpl">
                </tbody>
            </table>
        
            <html:submit value="Asignar" styleClass="button" styleId="Prueba" disabled="true"/>
            <html:button property="" styleId="Asistencias" value="Atr&aacute;s" />


        </html:form>

            <br>
            <font color="red"><p>NOTA: Todos los campos son obligatorios.</p></font>
        
        </center>
        </div>
